<%-- 
    Document   : facturas
    Created on : 08-24-2012, 09:19:27 AM
    Author     : marco.castro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

 
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>


<script type="text/javascript">
$(document).ready(function() {
    $("#guardarFactura").validate();
});
</script>
<script type="text/javascript">
  function producto(string){
   var name=string
   document.getElementById('producto').value=name;
   }
   function OE(string){
   var name=string
   document.getElementById('OE').value=name;
   }
   
</script>
<!-- Extream Component -->
<link rel="stylesheet" type="text/css"
	href="../resources/css/extremecomponents.css">
<script type="text/javascript"
	src="../resources/javascript/extremecomponents.js"></script>
	
	<script type="text/javascript"
	src="../resources/javascript/jquery.js"></script>
	
	<script type="text/javascript">
			function onTableClick(idExpedienteResultado,
									idExpediente,
									fechaResultado,
									detalleResultado,
									idResultado,
									resultado,
									cantidadPagada){		
				
				$("#idExpedienteResultado").val(idExpedienteResultado);
				$("#idExpediente").val(idExpediente);

				
				$("#cal-field-79").val(fechaResultado);
				
				$("#detalleResultado").val(detalleResultado);
				$("#idResultado").val(idResultado);
				$("#resultado").val(resultado);
				$("#cantidadPagada").val(cantidadPagada);
				showEditBtn();
			}
			
			function showEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").hide("slow");
				$(".btnEditar").show("slow");
				
			}
			
			function hiddenEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").show("slow");								
			}

			function emp(idEmpleador,nombreEmpleador){		
				$("#idEmpleador").val(idEmpleador);
				$("#nombreEmpleador").val(nombreEmpleador);
			}
			
			
	</script>
	<script type="text/javascript">
	$(document).ready(function() {
	    $("#res").validate();
	});
	</script>
	<jsp:include page="includeCSSjs.jsp"/>
    </head>
    <body>
        <font class="divTextoEncabezado">Resultado del Expediente</font>
        <br><br>
<div id="divOverflown">
<form:form method="post" action="addResultado" commandName="res">
<table width="50%" border="0">
  <form:hidden path="idExpedienteResultado" id="idExpedienteResultado"/>  
  <form:hidden path="tbExpediente.idExpediente" id="idExpediente"/>
  <tr>
  
  <td><form:label class="text0" path="fechaResultado" >Fecha del resultado:</form:label></td>
  <td><form:input readonly="true" path="fechaResultado" id="cal-field-79" size="17" maxlength="10" class="required date inputCalendario0" />
			<input type=image src="../resources/img/calendario.png" width="16" height="16" id="cal-button-79" class="inputCalendario">
			<script type="text/javascript">
						Calendar.setup({
						  inputField    : "cal-field-79",
						  button        : "cal-button-79",
						  align         : "Br"
						});
			</script>
  </td>
  
  <tr>
    <td><form:label class="text0" path="catResultado" >Resultado:</form:label></td>
    <td>
	<form:select path="catResultado.idResultado" size="1" id="idResultado" class="required cmbFactura1">
		<form:options items="${catResultadoList}" itemValue="idResultado" itemLabel="resultado" />
	</form:select>
    </td>
  </tr>
<tr>
				<td><form:label path="detalleResultado" class="text0">Detalle del resultado:</form:label></td>
				<td><form:textarea rows="3"  path="detalleResultado" id="detalleResultado"  class="required textArea0"/></td>
				
			</tr>
			
			<tr>
				<td><form:label path="cantidadPagada" class="text0">Cantidad pagada:</form:label></td>
				<td><form:input path="cantidadPagada" id="cantidadPagada" class="required number inputTextFacturaAgregar"/></td>
				
			</tr>

</table>
<br><br><br>
<center>
		<div class='btnAgregar'>
				<input type=image src="../resources/img/boton_agregar.png" width="95" height="30" class="inputBoton"  >
		</div>
		<div class="btnEditar" style="display:none;">
					
					<input type=image id="actulizar" src="../resources/img/boton_guardar.png" width="95" height="30" class="inputBoton" onclick="edit('res','editResultado')" >
					<input type=image id="eliminar" src="../resources/img/btn_eliminar.png" width="95" height="30" class="inputBoton" onclick="edit('res','deleteResultado')"  >				
					
					
					
		</div>
</center>

</form:form>

<!-- Extreme Table  -->
<c:if test="${!empty resultadosList}">
 		<ec:table 
    items="resultadosList"
    action="${pageContext.request.contextPath}/admin/showResultado"  
    view="compact"
    imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
    rowsDisplayed="8"      
     var="pres"  >

    
        
    <ec:row highlightRow="true"  
    onclick="onTableClick('${pageScope.pres.id.idExpedienteResultado}',
    						'${pageScope.pres.id.idExpediente}',
    						'${pageScope.pres.id.fechaResultado}',
    						'${pageScope.pres.id.detalleResultado}',
    						'${pageScope.pres.id.idResultado}',
    						'${pageScope.pres.id.resultado}',
    						'${pageScope.pres.id.cantidadPagada}');">      
      <ec:column property="id.fechaResultado" title="Fecha de Resultado"/>
      <ec:column property="id.resultado" title="Resultado"/>      
      <ec:column property="id.detalleResultado" title="Detalle"/>
      <ec:column property="id.cantidadPagada" cell="currency" format="$" title="Pagado"/> 														     
       
    </ec:row>
  </ec:table>
</c:if>
</div>
        
    </body>
</html>
